<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品列表</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0 ,maximum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/weui.min.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/jquery-weui.min.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/css/common.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/css/commodity.css">
    <script src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/plugins/fancybox/lib/jquery-1.10.1.min.js"></script>
    <script src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/jquery-weui.min.js"></script>
</head>
<body class="view-container">
<div class="header bar-positive">
    <a href="" class="left"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/blockr.png"/></a>
    <h1>商品列表</h1>
    <a href="" class="right"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/more.png"/></a>
</div>
<div class="mask"></div>
<div class="right-post">
    <div class="max">
    <div class="commo"><p>上架状态：</p>
        <ul class="tem">
            <li class="checked">全部</li>
            <li>销售货品</li>
            <li>仓库货品</li>
        </ul>
        <ul class="list"><li>商品分类：</li><li>办公耗材</li><li>></li><li>电脑整机</li><li>></li><li>一体式电脑</li></ul>
    </div>
    <ul class="tablet">
        <li class="blue">办公耗材</li>
        <li>办公设备</li>
        <li>电脑/通讯/数码</li>
        <li>文具用品</li>
        <li>办公电器</li>
        <li>办公家具</li>
        <li>生活用品/劳防</li>
    </ul>
    <!--<ul class="tablet">-->
        <!--<li class="blue">办公耗材<input type="radio" name="nemes"></li>-->
        <!--<li>办公设备<input type="radio" name="nemes"></li>-->
        <!--<li>电脑/通讯/数码<input type="radio" name="nemes"></li>-->
        <!--<li>文具用品<input type="radio" name="nemes"></li>-->
        <!--<li>办公电器<input type="radio" name="nemes"></li>-->
        <!--<li>办公家具<input type="radio" name="nemes"></li>-->
        <!--<li>生活用品/劳防<input type="radio" name="nemes"></li>-->
    <!--</ul>-->
    <ul class="left">
        <li class="test">电脑整机</li>
        <li>电脑外设</li>
        <li>电脑整机</li>
        <li>电脑外设</li>
        <li>电脑整机</li>
        <li>电脑外设</li>
        <li>电脑整机</li>
        <li>电脑外设</li>
        <li>电脑整机</li>
        <li>电脑外设</li>
        <li>电脑整机</li>
        <li>电脑外设</li>
        <li>电脑整机</li>
        <li>电脑外设</li>
        <li>电脑整机</li>
        <li>电脑外设</li>
        <li>电脑外设</li>
        <li>电脑整机</li>
        <li>电脑外设</li>
        <li>电脑整机</li>
        <li>电脑外设</li>
        <li>电脑整机</li>
        <li>电脑外设</li>
        <li>电脑整机</li>
        <li>电脑外设</li>
        <li>电脑整机</li>
        <li>电脑外设</li>
        <li>电脑整机</li>
        <li>电脑外设</li>
        <li>电脑整机</li>
        <li>电脑外设</li>
    </ul>
    <ul class="right">
        <li>台式机电脑<input type="radio" name="nemes"></li>
        <li>笔记本电脑<input type="radio" name="nemes"></li>
        <li>平板电脑<input type="radio" name="nemes"></li>
        <li>一体式电脑<input type="radio" name="nemes"></li>
        <li>组装机电脑<input type="radio" name="nemes"></li>
        <li>服务器<input type="radio" name="nemes"></li>
        <li>台式机电脑<input type="radio" name="nemes"></li>
        <li>笔记本电脑<input type="radio" name="nemes"></li>
        <li>平板电脑<input type="radio" name="nemes"></li>
    </ul>
    </div>
<div class="check">
    <a href="">重置</a>
    <a href="">完成</a>
</div>
</div>
<div class="relation-search">
    <input type="text" class="search" placeholder="请输入商品名称或关键字">
    <i class="weui-icon-search"></i>
    <a href="" class="">搜索</a>
</div>
<span class="sale_search">
</span>
<div class="new-contaner contenten commodity newinvoice">
    <div class="top_invoice">
        <div class="weui-navbar">
            <a class="weui-navbar__item weui-bar__item--on blue" href="../commodityEdit/commodityEdit.html">
                <i class="icon icons icon-bluenewly"></i>
                <p>新增商品</p>
            </a>
            <a class="weui-navbar__item " href="stockList.html">
                <i class="icon icons icon-stock"></i>
                <p>商品库存</p>
            </a>
            <a class="weui-navbar__item " href="../customerPrice/customerPrice.html">
                <i class="icon icons icon-price"></i>
                <p>客户价格表</p>
            </a>
            <a class="weui-navbar__item" href="classification.html">
                <i class="icon icons icon-fication"></i>
                <p>商品分类</p>
            </a>
            <a class="weui-navbar__item" href="management.html">
                <i class="icon icons icon-stration"></i>
                <p>单位管理</p>
            </a>
        </div>
    </div>

    <div class="weui-cells">
        <a class="weui-cell weui-cell_access" href="../commodityEdit/commodityDetails.html">
            <div class="weui-cell__hd commlist"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/list.png"/></div>
            <div class="weui-cell__bd">
                <h2>单枝仿真花束花插花假花单枝仿真花束花插花假花单枝仿真花</h2>
                <p>编号：SP10832157<span>销售</span></p>
                <p><span class="price">￥1560.00</span><span>库存：348</span></p>
            </div>
        </a>
        <a class="weui-cell weui-cell_access" href="javascript:;">
            <div class="weui-cell__hd commlist"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/list.png"/></div>
            <div class="weui-cell__bd">
                <h2>单枝仿真花束花插花假花单枝仿真花束花插花假花单枝仿真花</h2>
                <p>编号：SP10832157<span>销售</span></p>
                <p><span class="price">￥1560.00</span><span>库存：348</span></p>
            </div>
        </a>
        <a class="weui-cell weui-cell_access" href="javascript:;">
            <div class="weui-cell__hd commlist"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/list.png"/></div>
            <div class="weui-cell__bd">
                <h2>单枝仿真花束花插花假花单枝仿真花束花插花假花单枝仿真花</h2>
                <p>编号：SP10832157<span>销售</span></p>
                <p><span class="price">￥1560.00</span><span>库存：348</span></p>
            </div>
        </a>
        <a class="weui-cell weui-cell_access" href="javascript:;">
            <div class="weui-cell__hd commlist"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/list.png"/></div>
            <div class="weui-cell__bd">
                <h2>单枝仿真花束花插花假花单枝仿真花束花插花假花单枝仿真花</h2>
                <p>编号：SP10832157<span>销售</span></p>
                <p><span class="price">￥1560.00</span><span>库存：348</span></p>
            </div>
        </a>
        <a class="weui-cell weui-cell_access" href="javascript:;">
            <div class="weui-cell__hd commlist"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/list.png"/></div>
            <div class="weui-cell__bd">
                <h2>单枝仿真花束花插花假花单枝仿真花束花插花假花单枝仿真花</h2>
                <p>编号：SP10832157<span>销售</span></p>
                <p><span class="price">￥1560.00</span><span>库存：348</span></p>
            </div>
        </a>
        <a class="weui-cell weui-cell_access" href="javascript:;">
            <div class="weui-cell__hd commlist"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/list.png"/></div>
            <div class="weui-cell__bd">
                <h2>单枝仿真花束花插花假花单枝仿真花束花插花假花单枝仿真花</h2>
                <p>编号：SP10832157<span>销售</span></p>
                <p><span class="price">￥1560.00</span><span>库存：348</span></p>
            </div>
        </a>
        <a class="weui-cell weui-cell_access" href="javascript:;">
            <div class="weui-cell__hd commlist"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/list.png"/></div>
            <div class="weui-cell__bd">
                <h2>单枝仿真花束花插花假花单枝仿真花束花插花假花单枝仿真花</h2>
                <p>编号：SP10832157<span>销售</span></p>
                <p><span class="price">￥1560.00</span><span>库存：348</span></p>
            </div>
        </a>
        <a class="weui-cell weui-cell_access" href="javascript:;">
            <div class="weui-cell__hd commlist"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/list.png"/></div>
            <div class="weui-cell__bd">
                <h2>单枝仿真花束花插花假花单枝仿真花束花插花假花单枝仿真花</h2>
                <p>编号：SP10832157<span>销售</span></p>
                <p><span class="price">￥1560.00</span><span>库存：348</span></p>
            </div>
        </a>
        <a class="weui-cell weui-cell_access" href="javascript:;">
            <div class="weui-cell__hd commlist"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/list.png"/></div>
            <div class="weui-cell__bd">
                <h2>单枝仿真花束花插花假花单枝仿真花束花插花假花单枝仿真花</h2>
                <p>编号：SP10832157<span>销售</span></p>
                <p><span class="price">￥1560.00</span><span>库存：348</span></p>
            </div>
        </a>
        <a class="weui-cell weui-cell_access" href="javascript:;">
            <div class="weui-cell__hd commlist"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/list.png"/></div>
            <div class="weui-cell__bd">
                <h2>单枝仿真花束花插花假花单枝仿真花束花插花假花单枝仿真花</h2>
                <p>编号：SP10832157<span>销售</span></p>
                <p><span class="price">￥1560.00</span><span>库存：348</span></p>
            </div>
        </a>
    </div>
    </div>


<div class="weui-tabbar">
    <a href="../index/index.html" class="weui-tabbar__item">
        <div class="weui-tabbar__icon">
            <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/home.png"/>
        </div>
        <p class="weui-tabbar__label">首页</p>
    </a>
    <a href="../order/saleRelation.html" class="weui-tabbar__item">
        <div class="weui-tabbar__icon">
            <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/lists.png"/>
        </div>
        <p class="weui-tabbar__label">订单</p>
    </a>
    <a href="../bookRoom/receipt.html" class="weui-tabbar__item ">
        <div class="weui-tabbar__icon">
            <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/pay.png"/></div>
        <p class="weui-tabbar__label">账房</p>
    </a>
    <a href="../customerList/customerLlist.html" class="weui-tabbar__item">
        <div class="weui-tabbar__icon">
            <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/pop.png"/></div>
        <p class="weui-tabbar__label">客户</p>
    </a>
    <a href="" class="weui-tabbar__item weui-bar__item--on">
        <div class="weui-tabbar__icon">
            <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/blueshopss.png"/></div>
        <p class="weui-tabbar__label">商品</p>
    </a>
</div>
</body>
<script>
    var width = 0;
    $(window).scroll(function(){
      var widths = $(document).scrollTop();
        if(widths>width){
           $(".top_invoice").slideUp(500);
        }else{
            $(".top_invoice").slideDown(500);
        }
        width = $(document).scrollTop();
    });
    $(".weui-navbar a").on("click",function(){
        $(this).addClass("blue").siblings().removeClass("blue");
    });
    $(".sale_search").on('click',function(){
        $(".mask").css('display','block');
        $(".right-post").animate({right:"0"},"300")
    })
    $(".mask").on('click',function(){
        $(".mask").css('display','none');
        $(".right-post").animate({right:"-300px"},"300")
    })
    $(".right-post ul li").on('click',function(){
        var That = $(this);
        if(That.find("input").is(":checked")===true){
            That.find("input").prop('checked',false);
        }else{
            That.find("input").prop('checked',true);
        }
    })
    $(".right-post .left li").on('click',function(){
        $(this).addClass("test").siblings().removeClass("test");
    })
    $(".tem li").on('click',function(){
        $(this).addClass("checked").siblings().removeClass("checked")
    })
    $(".tablet li").on('click',function(){
        $(this).addClass("blue").siblings().removeClass("blue");
    })
</script>
</html>